import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'

import router from '@/router'
import { getTimestamp } from './auth'

/**
 *
 * @returns
 * 是否超时
 */
function checkTimeout() {
  // const timeout = 1000
  const timeout = 2 * 60 * 60 * 1000
  // 得到设置token时的时间
  const logintime = getTimestamp()
  // 如果当前时间 - 设置token时的时间 > 设定的时间
  return Date.now() - logintime > timeout
}

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// request interceptor
service.interceptors.request.use(config => {
  // 设置token的验证
  const token = store.getters.token
  // 这个根据文档来
  if (token) {
    // 判断是否超时
    if (checkTimeout()) {
      // 超时
      store.dispatch('user/logout')
      router.push('/login')
      // 而且要终端当前请求promise执行
      return Promise.reject(new Error('登录已超时'))
    } else {
      // 不超时
      // 发请求前统一注入token
      config.headers.Authorization = 'Bearer ' + token
    }
  }
  return config
})

// response interceptor
service.interceptors.response.use(res => {
  // 第一个拦截的是网络请求成功
  const { success, message, data } = res.data
  if (success) {
    // 数据成功拿到
    return data
  } else {
    // 失败
    // console.log('拿不到数据')
    Message.error(message)
    // 必须加这一句代码，不然会往请求那里执行
    // 一旦拿不到数据了，就不让他往请求那里走
    return Promise.reject(new Error(message))
  }
}, err => {
  // 第二个拦截的是网络请求失败
  // console.log('错误的数据')
  // console.log(err.message)
  // 所有非 200 的报错都走这个错误逻辑
  // 之前有过写错url,有过断网, 有过服务器崩溃
  // 现在我们要专门针对其中一种情况进行判断
  // 跟后端约定好token错误的暗号
  // 被动介入token失效
  console.dir(err)
  if (err.response && err.response.data && err.response.data.code === 10002) {
    // 10002 的 code 代表 token 错误
    store.dispatch('user/logout')
    router.push('/login')
  }

  Message.error(err.message)
  // 除了弹出错误以外, 还要拦截住当前正在执行的 promise 请求
  return Promise.reject(new Error(err.message))
})

export default service
